<template>
	<view class="">
		<u-navbar   :background="background" :border-bottom="false"></u-navbar>
		<view class="h80"></view>
		<view class=" radius20 bg-fff px30 py44 m20 loginBoxShadow">
			<view class="fs36 fw-600 mb40">忘记密码</view>
			<u-form :borderBottom="false">
				<u-form-item>
					<view class="p10 pl30 pr30 w-max bg-f8f radius20">
						<u-input v-model="form.mobile" maxlength="11" placeholder="请输入手机号码"></u-input>
					</view>
				</u-form-item>
				<u-form-item >
					<view class="p10 pl30 pr30 w-max bg-f8f radius20 flex row-between">
						<u-input v-model="form.code" class="flex1" placeholder="请输入短信验证码"></u-input>
						<tips :mobile="form.mobile" type="forget"></tips>
					</view>
				</u-form-item>
		
				<u-form-item >
					<view class="p10 pl30 pr30 w-max bg-f8f radius20">
						<u-input v-model="form.loginpass" type="password" placeholder="请输入登录密码"></u-input>
					</view>
				</u-form-item>
				<u-form-item >
					<view class="p10 pl30 pr30 w-max bg-f8f radius20">
						<u-input v-model="form.quepass" type="password" placeholder="请确认登录密码"></u-input>
					</view>
				</u-form-item>
			</u-form>
			<u-button type="warning" class="mt50 radius20" ripple @click="submit" >确认</u-button>
		</view>
	</view>
	
</template>

<script>
	export default {
		data() {
			return {
				form: {
					mobile: '',
					loginpass: '',
					code: '',
					quepass:'',
				},
				background: {
					backgroundColor: 'transparent',
				}
			};
		},
		methods: {
			submit() {
				this.$request('/member/login/forgetPass', this.form).then(res => {
					this.$msg(res.msg)
					setTimeout(this.$navBack,1000)
				})
			}
		}
	}
</script>

<style lang="scss">
	page {
		min-height: 100%;
		background: linear-gradient(145deg, rgba(253, 52, 52, 0.07) 0%, rgba(255, 255, 255, 0.1200) 35%, rgba(0, 212, 235, 0.10) 100%);
	}
</style>
